<template>
	<view class="flex-col page">
		<scroll-view scroll-y="true" style="height: 100vh;">
			<view class="flex-col group" v-if="list.length > 0">

				<view class="flex-col">
					<view class="flex-col section_1"  v-if="waitlist.length>0">
						<view class="flex-col group_1">
							<view class="flex-row group_2">
								<image :src="$IMG_URL + '16557867941336379202.png'" class="image_1" />
								<text class="text_1">上传资料提醒</text>
							</view>
							<view class="justify-between group_3" v-for="(it, i) in waitlist" :key="i"
								@click="jump(it)">
								<view class="flex-col items-start">

									<text class="text_3" v-if="it.orderType == 1">全流程咨询</text>
									<text class="text_3" v-else-if="it.orderType == 2">设计优化</text>
									<text class="text_3" v-else-if="it.orderType == 3">审核/合同签约</text>
									<text class="text_3" v-else-if="it.orderType == 4">主材咨询</text>
									<text class="text_3" v-else-if="it.orderType == 5">施工巡检</text>
									<text class="text_3" v-else-if="it.orderType == 6">验收</text>
									<text class="text_3" v-else-if='it.orderType == 7'>选材咨询</text>
									<text class="text_3" v-else-if='it.orderType == 8'>全流程管家</text>
									<text class="text_3" v-else-if='it.orderType == 9'>补价订单</text>

									<text class="text_4" v-if="it.orderType == 1">100个主材价格咨询</text>
									<text class="text_4" v-else-if="it.orderType == 2">上传效果图，房屋框架图</text>
									<text class="text_4" v-else-if="it.orderType == 3">上传合同文件</text>
									<text class="text_4" v-else-if='it.orderType == 8'>效果图上传</text>
								</view>
								<view class="flex-col items-center text-wrapper view_1"><text class="text_5">去完善</text>
								</view>
							</view>
						</view>

					</view>

					<view class="u-flex-col">
						<template v-for="(item, index) in list ">
							<view class="flex-col section_2 u-m-t-20" v-if="item.toDoListType == 2" :key="index">
								<view class="flex-col">
									<view class="flex-row group_8">
										<image :src="$IMG_URL + '16557867941336379202.png'" class="image_1" />
										<text class="text_9">变更标准工期确认</text>
										<image :src="$IMG_URL + '16557867944181630527.png'" class="image_4" />
									</view>
									<view class="justify-between group_9">
										<text class="text_11">{{ item.businessJson.constructionPlanName }}</text>
										<text class="text_13">待确认</text>
									</view>
									<!-- <text class="text_15">原工期：3个工作日</text>planDuration -->
									<text class="text_15">{{ item.businessJson.planDuration }}</text>
									<text class="text_17">{{ item.businessJson.actualDuration }}</text>
								</view>
								<view class="justify-end group_10">
									<view class="flex-col items-center text-wrapper_1"
										@click.stop="refuse(item.toDoListType, item.projectId, item.toDoListId, item.businessJson.constructionPlanName)">
										<text class="gray">拒绝</text>
									</view>
									<view class="flex-col items-center text-wrapper" @click="submits(item.toDoListId)">
										<text class="blue">确定</text>
									</view>
								</view>
							</view>
							<view class="flex-col section_2 u-m-t-20" v-if="item.toDoListType == 3">
								<view class="flex-col">
									<view class="flex-row group_8">
										<image :src="$IMG_URL + '16557867941336379202.png'" class="image_1" />
										<text class="text_9">变更标准工期确认</text>
										<image :src="$IMG_URL + '16557867944181630527.png'" class="image_4" />
									</view>
									<view class="justify-between group_9">
										<text class="text_11">标准工期生成</text>
										<text class="text_13">待确认</text>
									</view>
									<view v-for="(value, i) in item.businessJson">
										<text class="text_15">{{ value.constructionPlanName }}</text>
									</view>
									<!-- <text class="text_17">水电工程：7个工作日</text> -->

								</view>
								<view class="justify-end group_10">
									<view class="flex-col items-center text-wrapper_1"
										@click.stop="refuse(item.toDoListType, item.projectId, item.toDoListId)"><text
											class="gray">拒绝</text></view>
									<view class="flex-col items-center text-wrapper" @click="submits(item.toDoListId)">
										<text class="blue">确定</text>
									</view>
								</view>
							</view>
							<view class="flex-col section_3" v-if="item.toDoListType == 4" >
								<view class="flex-row group_2">
									<image :src="$IMG_URL + '16557867941336379202.png'" class="image_1" />
									<text class="text_1">订装安排</text>
								</view>
								<view class="flex-row ">
									
									<uni-table border emptyText="暂无更多数据">
										<!-- 表头行 -->
										<uni-tr style="background: rgba(29,106,255,0.0600);">
											<uni-th align="center"><text class="u-font-20">主材名称</text></uni-th>
											<uni-th align="center"><text class="u-font-20">安排节点</text></uni-th>
											<uni-th align="center"><text class="u-font-20">据今天倒计时</text></uni-th>
											<uni-th align="center"><text class="u-font-20">查看详情</text></uni-th>
										</uni-tr>
										<!-- 表格数据行 -->
										<uni-tr style="background-color: #ffffff;" v-for="(v, i) in item.businessJson">
											<uni-td align="center" width="80">{{ v.materialName }}</uni-td>
											<uni-td>
												<view class="u-flex u-flex-col">
													<view class="u-flex-1  check1">
														<text class="text_16">{{ v.arrange }}</text>
													</view>
												</view>

											</uni-td>
											<uni-td align="center" width="80">{{ v.time }}天</uni-td>
											<uni-td align="center" width="80"><text class="check"
													@click="go('/pages/tool/material')">查看</text>
											</uni-td>
										</uni-tr>
										<!-- <uni-tr style="background-color: #ffffff;">
											<uni-td align="center" width="80">瓷砖</uni-td>
											<uni-td>
												<view class="u-flex u-flex-col">
													<view class="u-flex-1  check1">
														<text class="text_16">下单</text>
													</view>
												</view>

											</uni-td>
											<uni-td align="center" width="80">3天</uni-td>
											<uni-td align="center" width="80"><text class="check"
													@click="go('/pages/tool/material')">查看</text>
											</uni-td>
										</uni-tr> -->
									</uni-table>
								</view>
							</view>










							<view class="flex-col">
								<view class="flex-col list-item u-m-t-20" v-if="item.toDoListType == 5"
									>
									<view class="flex-row group_15">
										<image :src="$IMG_URL + '16557867941336379202.png'" class="image_9" />
										<text class="text_59">现场巡检</text>
									</view>
									<view class="justify-between group_16 items-center">
										<view class="flex-row">
											<text class="text_61">{{ item.businessJson.userName }}</text>
											<view class="flex-col job"><text class="text_63">巡检员</text></view>
										</view>
										<text class="text_64" v-if="item.toDoListStatus == 1">已处理</text>
										<text class="text_64"
											v-else-if="item.toDoListStatus == 2">已拒绝</text>
										<text class="text_64"
											v-else-if="item.toDoListStatus == 3">已删除</text>
										<text class="text_64" v-else>待解决</text>
									</view>
								
										<image v-for="(item,index) in item.businessJson.issueMedia.split(',')" :src="item" class="image_11"
											/>
										
									<text class="text_66">{{ item.businessJson.issueContent }}</text>
									<view class="flex-row group_18">
										<text class="text_67">{{ item.businessJson.insertTime }}</text>
										<!-- <text class="text_68">12:00:00</text> -->
									</view>
									<view class="justify-end group_19" v-if="item.toDoListStatus != 1">
										<view class="flex-col items-center text-wrapper_1"
										v-if="item.toDoListStatus != 2"
											@click.stop="refuse(item,item.toDoListType, item.projectId, item.toDoListId, item.businessJson.constructionPlanName, item.toDoListStatus, item)">
											<text class="gray">拒绝</text>
										</view>
										<view class="flex-col items-center text-wrapper" v-if="item.toDoListStatus != 2"><text class="blue"
										
												@click.stop="xunjian(item.businessId, item.toDoListId, item.toDoListStatus)">确认</text>
										</view>
									</view>
								</view>




								<view class="flex-col list-item section_7 u-m-t-20" v-if="item.toDoListType == 6"
									>
									<view class="justify-between group_15">
										<view class="flex-row image_9 view_25">
											<image :src="$IMG_URL + '16557867941336379202.png'" class="image_12" />
											<text class="text_71">确认巡检时间</text>
										</view>
										<text class="text_59 text_73">待确认</text>
									</view>
									<view class="flex-col group_16 view_26">
										<view class="justify-between">
											<text class="text_61 text_74">下次巡检项目</text>
											<text class="text-wrapper_2 text_75">{{ item.businessJson.nextProcessName
											}}</text>
										</view>
										<view class="flex-col text_64 view_27">
											<view class="justify-between group_21 view_28">
												<text class="text_76">预计下次巡检时间</text>
												<text class="text_78">{{ item.businessJson.nextInspectionDate }}</text>
											</view>
											<view class="justify-end group_22">
												<view class="flex-col justify-center text-wrapper_1"><text
														class="text_80"
														@click.stop="go('/pages/my/message/kefu')">拒绝并联系客服</text></view>
														
												<view class="flex-col justify-center items-center text-wrapper"><text
														class="text_81" @click="jump(item)">确定</text></view>
												<view class="flex-col justify-center  items-center group_22 view_36 text-wrapper"><text
														class=" text_88">申请到场</text>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
							<view class="flex-col section_9 u-m-t-20" v-if="item.toDoListType == 7" >
								<view class="justify-between group_24">
									<text class="text_89">订单编号：{{ item.businessJson.ordersNumber }}</text>
									<text class="text_90">未完善</text>
								</view>
								<text class="text_91" v-if="item.orderType == 1">全流程咨询</text>
								<text class="text_91" v-else-if="item.orderType == 2">设计优化</text>
								<text class="text_91" v-else-if="item.orderType == 3">审核/合同签约</text>
								<text class="text_91" v-else-if="item.orderType == 4">主材咨询</text>
								<text class="text_91" v-else-if="item.orderType == 5">施工巡检</text>
								<text class="text_91" v-else-if="item.orderType == 6">验收</text>
								<text class="text_91" v-else-if='item.orderType == 7'>选材咨询</text>
								<text class="text_91" v-else-if='item.orderType == 8'>全流程管家</text>
								<text class="text_91" v-else-if='item.orderType == 9'>补价订单</text>

								<text class="text_92" v-if="item.orderType == 1">全流程咨询</text>
								<text class="text_92" v-else-if="item.orderType == 2">设计优化</text>
								<text class="text_92" v-else-if="item.orderType == 3">审核/合同签约</text>
								<text class="text_92" v-else-if="item.orderType == 4">主材咨询</text>
								<text class="text_92" v-else-if="item.orderType == 5">施工巡检</text>
								<text class="text_92" v-else-if="item.orderType == 6">验收</text>
								<text class="text_92" v-else-if='item.orderType == 7'>选材咨询</text>
								<text class="text_92" v-else-if='item.orderType == 8'>全流程管家</text>
								<text class="text_92" v-else-if='item.orderType == 9'>补价订单</text>
								<view class="group_25">
									<text class="text_93">￥</text>
									<text class="text_94">{{ item.businessJson.payableMoney }}</text>
								</view>
								<view class="justify-end group_26">
									<view class="flex-col text-wrapper" v-if="item.orderType == 5"><text class="text_95"
											@click.stop="shareFriend(item.orderId)">分享邀请工长</text></view>
									<view class="flex-col items-center text-wrapper_1"><text class="text_96">查看详情</text>
									</view>
									<view class="flex-col items-center text-wrapper"><text class="text_97">去完善</text>
									</view>
								</view>
							</view>
						</template>
					</view>
				</view>




			</view>
			<view class="" v-else>
				<u-empty style="height: 89vh;" width="250" mode="data" textSize="30rpx"
					icon="http://cdn.uviewui.com/uview/empty/order.png">
				</u-empty>
			</view>
			<shop-modal :show="show" title="拒绝原因" @close="show = false" @confirm="abc">
				<textarea style="background: #F6F7F9;padding: 20rpx;" v-model="content" value=""
					placeholder="请填写拒绝原因" />
			</shop-modal>
			<shop-share v-model="share"></shop-share>
		</scroll-view>

	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {
			list: [],
			show: false,
			share: false,
			waitlist: [],
			content: '',
			toDoListType: '',
			projectId: '',
			toDoListId: '',
			constructionPlanName: '',
			toDoListStatus: '',
			arrays: [],
			
		};
	},
	created() {
		this.init();
	},
	onPullDownRefresh() {
		this.init();
		setTimeout(() => {
			uni.stopPullDownRefresh();
		}, 1000);
	},
	methods: {
		init() {
			this.queryToDoList();
		},
		shareFriend(orderid) {


			// #ifdef APP-PLUS
			this.showshare = true;
			this.$store.commit('shareInfo', {
				title: '邀请工长',
				path: this.$WEB_URL + 'pages/index/sharereg?ordersId=' + orderid,
			image: this.$IMG_URL+'login/logo.png'

			});
			// #endif
			// #ifdef H5
			uni.navigateTo({
				url: 'pages/index/sharereg?ordersId=' + orderid
			})
			// #endif
		},
		jump(item) {
			// 1全流程咨询 2设计优化 3审核/合同签约 4主材咨询 5施工巡检 6验收 7选材咨询 8全流程管家
			if (item.orderType == 2) {
				// 设计优化
				uni.navigateTo({
					url: '/pages/my/order/orderDetail6?ordersId=' + item.orderId
				})
			} else if (item.orderType == 1) {
				// 全流程咨询
				uni.navigateTo({
					url: '/pages/my/order/orderDetail?ordersId=' + item.orderId
				})
			} else if (item.orderType == 3) {
				// 审核 合同签约
				uni.navigateTo({
					url: '/pages/my/order/orderDetail5?ordersId=' + item.orderId
				})
			} else if (item.orderType == 4) {
				// 主材咨询
				// this.$u.toast('敬请期待');
				uni.navigateTo({
					url: '/pages/my/order/orderDetailZC?ordersId=' + item.orderId
				})
			} else if (item.orderType == 5) {
				// 施工巡检
				uni.navigateTo({
					url: '/pages/my/order/orderDetail4?ordersId=' + item.orderId
				})
				
			} else if (item.orderType == 6) {
				// 验收
				uni.navigateTo({
					url: '/pages/my/order/orderDetail2?ordersId=' + item.orderId
				})
			} else if (item.orderType == 7) {
				// 选材咨询
				// this.$u.toast('敬请期待');
				uni.navigateTo({
					url: '/pages/my/order/orderDetailXC?ordersId=' + item.orderId
				})
			} else if (item.orderType == 8) {
				// 全流程管家
				uni.navigateTo({
				url: '/pages/index/design/design'
				})
				if (item.toDoListId == '') {
					this.$u.toast('网络出错...');
					return
				}

			} else if (item.orderType == 9) {
				// 全流程管家
				uni.navigateTo({
					url: '/pages/my/order/orderDetail9?ordersId=' + item.orderId
				})
			}
			this.$http('harryroom.delToDoList', { toDoListId: item.toDoListId }).then(r => {
				if (r.code == 200) {
					setTimeout(()=>{
						// this.$u.toast(r.msg);
						this.queryToDoList()
					})
					location.reload();
				} else {
					// this.$u.toast(r.msg);
					return;
				}
			});

		},
		queryToDoList(type = 0) {
			this.$http('luser.queryToDoList').then(r => {
				if (r.code == 200) {
					if (type == 0) {
						this.waitlist = [];
						this.list = r.rows;
						if (this.list.length > 0) {
							this.list.forEach((item, index) => {
								item.businessJson = JSON.parse(item.businessJson);
								console.log('JSON',item.businessJson);
								if (item.toDoListType == 1) {

									this.waitlist.push(item);
								}

							});
						}
					}

				}
			});
		},
		refuse(item,type, id, toDoListId, name = null, toDoListStatus = null, arrays = []) {
			this.show = true;
			this.projectId = id
			this.toDoListType = type
			this.toDoListId = toDoListId
			this.constructionPlanName = name
			this.toDoListStatus = toDoListStatus
			this.arrays = arrays
			
		},
		abc(e) {
			// console.log(this.projectId, 'projectId')
			// console.log(this.toDoListType, 'toDoListType')
			// console.log(this.content, '确认信息手动');
			// console.log(this.toDoListId, 'toDoListId');
			// console.log(this.toDoListStatus, 'toDoListStatus')
			// console.log(this.arrays, 'arrays')
			var urls = ''
			var infos = {}

			//拒绝触发
			if (this.toDoListType == 2) {
				urls = 'harryroom.stayRefuseRi'
				infos = {
					projectId: this.projectId,
					name: this.constructionPlanName,
					toDoListId: this.toDoListId
				}
			} else if (this.toDoListType == 3) {
				urls = 'harryroom.stayRefuse'
				infos = {
					projectId: this.projectId,
					toDoListId: this.toDoListId
				}
			} else if (this.toDoListType == 5) {
				urls = 'harryroom.updateReplystatus'
				infos = {
					issueId: this.arrays.businessId,
					isUserReplyStatus: 0,
					refuseCause: this.content,
					toDoListStatus: 2,
					toDoListId: this.toDoListId,
				}
			}

			this.$http(urls, infos).then(r => {
				console.log(r)
				if (r.code == 200) {
					this.$u.toast(r.msg);
					
					location.reload()
				} else {
					this.$u.toast(r.msg);
					return;
				}
			});
		},
		
		xunjian(businessId, toDoListId, status) {
			var infos = { 
				issueId: businessId,
				isUserReplyStatus: 1,
				refuseCause: '',
				toDoListStatus: 1,
				toDoListId: toDoListId,
			}
			this.$http('harryroom.updateReplystatus', infos).then(r => {
				console.log(r)
				if (r.code == 200) {
					setTimeout(()=>{
						this.$u.toast(r.msg);
					})
					this.queryToDoList()
					// location.reload()
				} else {
					this.$u.toast(r.msg);
					return;
				}
			});
		},
		submits(toDoListId) {
			this.$http('harryroom.confirmToDoList', { toDoListId: toDoListId }).then(r => {
				console.log(r)
				if (r.code == 200) {
					this.$u.toast(r.msg);
					location.reload()
				} else {
					this.$u.toast(r.msg);
					return;
				}
			});
		}

	},

};
</script>

<style scoped lang="scss">
.section_2 {
	margin-top: 20rpx;
	padding: 29rpx 23rpx 32rpx 24rpx;
	background-color: #ffffff;
	border-radius: 16rpx;
}

.job {
	margin-left: 20rpx;
	// height: 40rpx;
	// line-height: 40rpx;
	// align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0);
	border-radius: 16rpx;
	opacity: 1;
	border: 1px solid #1C62F9;
	font-size: 22rpx;

	font-weight: 500;
	color: #1D6AFF;
}

.group_2 {
	padding: 29rpx 0 34rpx;
	border-bottom: solid 1rpx #eeeeee;
}

.check {
	color: #1c4ca8;
	font-size: 24rpx;
}

.list-item {
	padding: 0 23rpx 32rpx 24rpx;
	background-color: #ffffff;
	border-radius: 16rpx;
}

.text-wrapper {

	justify-content: center;
	background-color: #1d6aff;
	border-radius: 28rpx;
	min-width: 132rpx;
	height: 56rpx;
	margin-left: 20rpx;
}

.group_8 {
	padding-bottom: 34rpx;
	border-bottom: solid 1rpx #eeeeee;
}

.text-wrapper_1 {
	margin-right: 24rpx;
	justify-content: center;
	background-color: #f6f7f9;
	border-radius: 28rpx;
	margin-left: 20rpx;
	height: 56rpx;
	min-width: 132rpx;

}

.image_1 {
	margin-top: 18rpx;
	width: 26rpx;
	height: 16rpx;
}

.section_5 {
	background-color: #d9d9d9;
	width: 1rpx;
	height: 435rpx;
}

.group_13 {
	align-self: center;
	width: 163rpx;
}

.group_16 {
	margin-top: 30rpx;
}

.image_4 {
	margin-left: 16rpx;
	margin-top: 15rpx;
	width: 12rpx;
	height: 22rpx;
}

.image_9 {
	
	width: 26rpx;
	height: 16rpx;
}

.text_59 {
	margin-left: 12rpx;
	color: #333333;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.text_64 {
	margin-bottom: 5rpx;
	color: #ff371d;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_61 {
	margin-bottom: 5rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_11 {
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_13 {
	color: #1d6aff;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.gray {
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.blue {
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_39 {
	color: #666666;
	font-size: 22rpx;
	font-family: '.AppleSystemUIFont';

}

.group_10 {
	margin-top: 40rpx;
}

.group_9 {
	margin-top: 30rpx;
}

.text_15 {
	margin-top: 30rpx;
	align-self: flex-start;
	color: #333333;
	font-size: 30rpx;
	letter-spacing: 3prx;
	font-family: '.AppleSystemUIFont';

}

.text_17 {
	margin-top: 21rpx;
	align-self: flex-start;
	color: #333333;
	font-size: 30rpx;
	font-family: '.AppleSystemUIFont';

}

.text_1 {
	margin-left: 12rpx;
	color: #333333;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.text_9 {
	margin-left: 12rpx;
	color: #333333;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.text_41 {
	margin-top: 59rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_43 {
	margin-top: 58rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_45 {
	margin-top: 59rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_47 {
	margin-top: 59rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.page {
	background-color: #f6f7f9ff;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100vh;
}

.group {
	padding: 20rpx 24rpx 56rpx;
	flex: 1 1 auto;
	overflow-y: auto;
}

.section_1 {
	padding: 0 24rpx;
	background-color: #ffffff;
	border-radius: 16rpx;
}

.section_3 {
	margin-top: 20rpx;
	padding: 0 24rpx 34rpx;
	background-color: #ffffff;
	border-radius: 16rpx;
}

.list {
	padding: 6rpx 0;
}

.section_9 {
	padding: 0 23rpx 32rpx 24rpx;
	background-color: #ffffff;
	border-radius: 16rpx;
}

.group_1 {
	border-bottom: solid 1rpx #eeeeee;
}

.group_5 {
	padding: 31rpx 0 40rpx;
}

.group_24 {
	padding: 30rpx 0 27rpx;
	border-bottom: solid 1rpx #eeeeee;
}

.text_91 {
	margin-top: 30rpx;
	align-self: flex-start;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_92 {
	margin-top: 22rpx;
	align-self: flex-start;
	color: #666666;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.group_25 {
	margin-top: 26rpx;
	align-self: flex-start;
}

.group_26 {
	margin-top: 24rpx;
	padding-left: 154rpx;
}

.group_3 {
	padding: 30rpx 0 40rpx;
}

.view_2 {
	align-self: center;
}

.text_28 {
	margin-top: 21rpx;
	align-self: flex-start;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_29 {
	margin-top: 21rpx;
	align-self: flex-start;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_30 {
	margin-top: 21rpx;
	align-self: flex-start;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.group_12 {
	align-self: center;
}

.view_16 {
	margin-left: 38rpx;
}

.group_14 {
	margin-left: 37rpx;
	align-self: center;
}

.image_11 {
	margin-top: 28rpx;
	border-radius: 16rpx;
	width: 654rpx;
	height: 328rpx;
}

.text_66 {
	margin-top: 21rpx;
	align-self: flex-start;
	color: #191919;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.group_18 {
	margin-top: 37rpx;
}

.group_19 {
	margin-top: 34rpx;
}

.text_89 {
	margin-top: 6rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_90 {
	margin-bottom: 6rpx;
	color: #1d6aff;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_93 {
	color: #fe641a;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_94 {
	color: #fe641a;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.text-wrapper_7 {
	padding: 4rpx 18rpx;
	background-color: #1d6aff;
	border-radius: 28rpx;
	height: 56rpx;
}

.text-wrapper_8 {
	margin-left: 16rpx;
	padding: 4rpx 18rpx;
	background-color: #f6f7f9;
	border-radius: 28rpx;
	width: 148rpx;
	height: 56rpx;
}

.text-wrapper_9 {
	margin-left: 16rpx;
	padding: 4rpx 18rpx;
	background-color: #1d6aff;
	border-radius: 28rpx;
	width: 148rpx;
	height: 56rpx;
}

.view_1 {
	align-self: center;
}

.text_6 {
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_7 {
	margin-top: 30rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_8 {
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_34 {
	color: #666666;
	font-size: 22rpx;
	font-family: '.AppleSystemUIFont';

}

.text_35 {
	margin-top: 59rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_36 {
	margin-top: 58rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_37 {
	margin-top: 59rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_38 {
	margin-top: 59rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_54 {
	color: #666666;
	font-size: 22rpx;
	font-family: '.AppleSystemUIFont';

}

.text_55 {
	margin-top: 59rpx;
	color: #1c4ca8;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_56 {
	margin-top: 58rpx;
	color: #1c4ca8;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_57 {
	margin-top: 59rpx;
	color: #1c4ca8;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_58 {
	margin-top: 59rpx;
	color: #1c4ca8;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_67 {
	color: #666666;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_68 {
	margin-left: 10rpx;
	color: #666666;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_95 {
	margin: 0 14rpx;
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_96 {
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_97 {
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_3 {
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_4 {
	margin-top: 30rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_5 {
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_69 {
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_70 {
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_63 {
	padding:  0 6rpx;
	color: #1d6aff;
	font-size: 22rpx;
	font-family: '.AppleSystemUIFont';

}


.list-item {
	padding: 0 23rpx 32rpx 24rpx;
	background-color: #ffffff;
	border-radius: 16rpx;
}

.group_15 {
	padding: 29rpx 0 34rpx;
	border-bottom: solid 1rpx #eeeeee;
}

.group_16 {
	margin-top: 30rpx;
}

.image_9 {
	margin-top: 18rpx;
	width: 26rpx;
	height: 16rpx;
}

.text_59 {
	margin-left: 12rpx;
	color: #333333;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.text_64 {
	margin-bottom: 5rpx;
	color: #ff371d;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_61 {
	margin-bottom: 5rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.image_12 {
	margin-top: 18rpx;
	flex-shrink: 0;
	width: 26rpx;
	height: 16rpx;
}

.text_71 {
	margin-left: 12rpx;
	color: #333333;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.group_21 {
	padding-bottom: 35rpx;
}

.group_22 {
	margin-top: 35rpx;
	padding: 0 2rpx;
}

.text_76 {
	margin-bottom: 6rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_78 {
	margin-top: 6rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.section_7 {
	padding: initial;
	margin-top: 20rpx;
	padding-left: 24rpx;
	padding-right: 22rpx;
}

.view_26 {
	margin-top: initial;
	padding: 31rpx 0 32rpx;
}

.view_25 {
	margin-top: initial;
	width: initial;
	height: initial;
}

.text_73 {
	margin-left: initial;
	color: #ff371d;
	font-size: 28rpx;

	margin-top: 5rpx;
}

.view_27 {
	margin-bottom: initial;
	color: initial;
	font-size: initial;
	font-family: initial;
	line-height: initial;
	margin-top: 39rpx;
}

.text_74 {
	margin-bottom: initial;
}

.text_75 {
	margin-left: initial;
	margin-top: initial;

	flex-shrink: initial;

	background-image: initial;
	background-size: initial;
	background-repeat: initial;
	height: initial;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.view_28 {}

.text_80 {
	margin: 0 16rpx;
	color: #333333;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.text_81 {
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}

.list-item {
	padding: 0 23rpx 32rpx 24rpx;
	background-color: #ffffff;
	border-radius: 16rpx;
}

.group_15 {
	padding: 29rpx 0 34rpx;
	border-bottom: solid 1rpx #eeeeee;
}

.group_16 {
	margin-top: 30rpx;
}

.image_9 {
	margin-top: 18rpx;
	width: 26rpx;
	height: 16rpx;
}

.text_59 {
	margin-left: 12rpx;
	color: #333333;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.text_64 {
	margin-bottom: 5rpx;
	color: #ff371d;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_61 {
	margin-bottom: 5rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.image_12 {
	margin-top: 18rpx;
	flex-shrink: 0;
	width: 26rpx;
	height: 16rpx;
}

.text_71 {
	margin-left: 12rpx;
	color: #333333;
	font-size: 32rpx;
	font-family: '.AppleSystemUIFont';

}

.group_21 {
	padding-bottom: 35rpx;
}

.group_22 {
	margin-top: 35rpx;
	padding: 0 2rpx;
}

.text_76 {
	margin-bottom: 6rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.text_78 {
	margin-top: 6rpx;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.section_8 {
	padding: initial;
	margin-top: 24rpx;
	padding-left: 24rpx;
	padding-right: 22rpx;
}

.view_33 {
	margin-top: initial;
	padding: 31rpx 0 32rpx;
}

.view_32 {
	margin-top: initial;
	width: initial;
	height: initial;
}

.text_83 {
	margin-left: initial;
	color: #1d6aff;
	font-size: 28rpx;

	margin-top: 5rpx;
}

.view_34 {
	margin-bottom: initial;
	color: initial;
	font-size: initial;
	font-family: initial;
	line-height: initial;
	margin-top: 39rpx;
}

.text_84 {
	margin-bottom: initial;
}

.text_85 {
	margin-left: initial;
	margin-top: initial;

	flex-shrink: initial;

	background-image: initial;
	background-size: initial;
	background-repeat: initial;
	height: initial;
	color: #333333;
	font-size: 28rpx;
	font-family: '.AppleSystemUIFont';

}

.view_36 {
	margin-top: initial;
	
	align-self: flex-end;
	background-color: #1d6aff;
	border-radius: 28rpx;
	width: 148rpx;
	height:56rpx;
}

.text_88 {

	background-color: initial;

	height: initial;
	color: #ffffff;
	font-size: 24rpx;
	font-family: '.AppleSystemUIFont';

}
</style>
